<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>贪吃蛇</title>
	<style>
		.map {
			width: 800px;
			height: 600px;
			background-color: #ccc;
			position: absolute;
		}
	</style>
</head>

<body>
	<!-- 画出地图，设置样式 -->
	<div class="map"></div>
</body>
<script src="food.js"></script>
<script src="snake.js"></script>
<script src="game.js"></script>

<script>
	var map = document.querySelector(".map");
	/* 初始化游戏对象 */
	var gm = new Game(map);
	/* 初始化游戏 ----开始游戏*/
	gm.init();
</script>

</html>